$(function () {
    var form = layui.form;

    //1. 定义一个查询列表的参数
    q = {
        pagenum: '1',//页码值，默认为第一页
        pagesize: '2',//默认显示多少条数据
        cate_id: '',//文章分类id
        state: ''//文章发布状态
    }
    // 2.获取文章数据列表，并动态渲染表格数据atcListTable()

    atcListTable();
    function atcListTable() {
        $.ajax({
            type: "GET",
            url: "/my/article/list",
            data: q,
            success: function (response) {
                console.log(response);
                if (response.status != 0) {
                    return layer.msg('获取文章列表失败!')
                }
                // 此处需要渲染表格 // 需要使用模板引擎动态渲染表格数据
                var atcStr = template("atc_list", response)
                $('tbody').html(atcStr);
                // atcList(response.data);
                layer.msg('获取文章列表成功');

            }
        });

    }

    // 给筛选按钮添加表单的提交事件
    $('#form_list').on('submit', function (e) {
        e.preventDefault();
        // 为表单赋值
        var cate_id = $('[name = cate_id]').val();
        var state = $('[name=state]').val();
        q.cate_id = cate_id;
        q.state = state;
        atcListTable();
    })

    //    美化时间
    template.defaults.imports.dataFormat = function (date) {
        // var dt = new Date(date);
        // 这里不需要去导入moment模块，导入模块是node的方法。
        // var moment = require('moment'); // require
        var time = moment(date).format('YYYY-MM-DD HH:mm:ss');
        return time;
    }

    // 初始化文章分类，使用模板引擎
    function artInfo() {
        $.ajax({
            type: "get",
            url: "/my/article/list",
            data: q,

            success: function (response) {
                if (response.status != 0) {
                    return layer.msg('获取分类数据失败')
                }
                layer.msg('获取分类数据成功！')
                var listHtml = template('listType', response)
                $('#type').html(listHtml);
                form.render();
            }
        });
    }
    artInfo();
    // 分页
    layui.use('laypage', function () {
        var laypage = layui.laypage;

        //执行一个laypage实例
        laypage.render({
            elem: 'test1' //注意，这里的 test1 是 ID，不用加 # 号
            , count: 50 //数据总数，从服务端得到
        });
    });
})